<template>
    <el-form
      :label-position="labelPosition"
      label-width="100px"
      :model="formLabelAlign"
      style="max-width: 460px"
    >
      <el-form-item label="车长">
        <el-input v-model="formLabelAlign.name" />
      </el-form-item>
      <el-form-item label="车厢数量">
        <el-input v-model="formLabelAlign.region" />
      </el-form-item>
      <el-form-item label="限乘人数">
        <el-input v-model="formLabelAlign.type" />
      </el-form-item>
    </el-form>
  </template>
  
  <script lang="ts" setup>
  import { reactive, ref } from 'vue'
  
  const labelPosition = ref('right')
  
  const formLabelAlign = reactive({
    name: '',
    region: '',
    type: '',
  })
  </script>
  